<template>
  <div class="app">
    <HeadBar></HeadBar>
    <router-view></router-view>
    <Foot></Foot>
  </div>
</template>

<script>
  import HeadBar from '@/components/HeadFoot/HeadBar.vue';
  import Foot from '@/components/HeadFoot/Foot.vue';
  export default {
    name: 'app',
    // 注册组件
    components: {
      HeadBar,
      Foot,
    },
    data() {
      return {};
    },

    created() {
      //  修改 页面的 title
      document.title = '梅洋好帅';
    },
  };
</script>

<style lang="less" scoped>
  .app {
    display: flex;
    width: 100vw;
    height: 100vh;
    flex-direction: column;
  }
</style>
